import axios from 'axios'
import user from '@/store/modules/user'
import JSONBig from 'json-bigint'
import store from '@/store'
import router from '@/router'

//! 创建axios实例
const service = axios.create({
  // baseURL: 'http://192.168.1.100:8080/',
  baseURL: 'http://toutiao.itheima.net',
  timeout: 5000, // 请求5s没有超过停止
  // `transformResponse` 在传递给 then/catch 前，允许修改响应数据
  transformResponse: [function (data) {
    // 对 data 进行任意转换处理
    try {
      return JSONBig.parse(data)
    } catch {
      return data
    }
  }]
})

//! 添加请求拦截器
service.interceptors.request.use(function (config) {
  // 在发送请求之前做些什么
  const token = user.state.token
  if (token && !config.headers.Authorization) {
    config.headers.Authorization = 'Bearer ' + token
  }
  return config
}, function (error) {
  // 对请求错误做些什么
  return Promise.reject(error)
})

//! 添加响应拦截器
service.interceptors.response.use((response) => {
  // 对响应数据做点什么
  if (response) {
    // console.log('请求成功的提示在响应拦截器中')
  } else {
    return Promise.reject(response.message)
  }

  return response
}, async (error) => {
  // 对响应错误做点什么
  if (error.response.status === 401) {
    const refreshToken = store.state.user.refresh_token
    if (refreshToken) {
      // reqGetNewToken
      try {
        const { data: { data: { token } } } = await service({
          method: 'put',
          url: '/v1_0/authorizations',
          headers: {
            Authorization: `Bearer ${refreshToken}`
          }
        })
        const newToken = token
        // (2) 更新vuex的token
        store.commit('user/setTokenInfo', {
          refresh_token: refreshToken,
          token: newToken
        })
        // 最后重新发送之前失败的数据
        // 需要把之前失败的token修改成新的
        // 可以选择清空数据
        // this.store.commit('user', ['removeToken'])
        error.config.headers.Authorization = 'Bearer ' + token
        return service(error.config)
      } catch {
        router.push({
          path: '/login',
          query: {
            // 返回到登录页面后依然可以返回之前的页面
            backto: router.currentRoute.fullPath
          }
        })
      }
    } else {
      router.push({
        path: '/login',
        query: {
          // 返回到登录页面后依然可以返回之前的页面
          backto: router.currentRoute.fullPath
        }
      })
    }
  }
  return Promise.reject(error)
})

export default service
